<template>
  <el-menu
      default-active="1"
      class="el-menu-demo"
      mode="horizontal"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      @select="handleSelect">
      <el-menu-item index="1" @click="$router.push('/main/first')">首页</el-menu-item>
      <el-menu-item index="2" @click="$router.push('/main/goods')">商品管理</el-menu-item>
      <el-menu-item index="3" @click="$router.push('/main/goodsType')">商品类别管理</el-menu-item>
      <el-menu-item index="4">购物车</el-menu-item>
      <el-menu-item index="5">订单</el-menu-item>
      <el-menu-item index="6" @click="$router.push('/main/usermanage')">用户管理</el-menu-item>
  </el-menu>

<RouterView></RouterView>
</template>


<script setup>
import { RouterView } from 'vue-router';


</script>

<style scoped>
*{
  margin: 0;
}
</style>